// Default theme is light
:root
  defineColorVar(--brand, #1E96EB)
  --brand-gradient: linear-gradient(180deg, #1E96EB 0%, #1E96EB 100%)
  --v-primary-rgb: 66, 65, 73
  --v-secondary-rgb: 255, 255, 255
  --primary: #424149
  --primary-deep: #000
  --primary-gray: #747474
  --secondary: #fff
  --logo-color: #5438FF
  --divider-color: rgba(215, 215, 215, 1)
  --link-hover-color: #244EE7

  --container-padding: 40px
  --navbar-height: 72px

// Custom dark theme color
html.dark
  --brand-gradient: linear-gradient(180deg, #6999FF 0%, #5438FF 100%)
  --v-primary-rgb: 255, 255, 255
  --v-secondary-rgb: 0, 0, 0
  --primary: #fff
  --primary-deep: var(--primary)
  --primary-gray: #e6e6e6
  --secondary: #000
  --logo-color: #fff
  --divider-color: rgba(61, 61, 61, 1)
